﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="product_integral.aspx.cs"
    Inherits="V5_EShop._Template.Default.product_integral" %>

<%@ Import Namespace="V5_Common" %>
<%@ Register Src="Controls/getHeader2.ascx" TagName="getHeader2" TagPrefix="mm" %>
<%@ Register Src="Controls/getDismode.ascx" TagName="getDismode" TagPrefix="mm" %>
<%@ Register Src="Controls/getFooter.ascx" TagName="getFooter" TagPrefix="mm" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta name="author" content="美工：吕玲" />
    <link href="/_template/<%=config.TemplatePath%>/css/init.css" rel="stylesheet" type="text/css">
    <link href="/_template/<%=config.TemplatePath%>/css/Integral.css" rel="stylesheet"
        type="text/css">
    <link href="/_template/<%=config.TemplatePath %>/css/head.css" rel="stylesheet" type="text/css">
    <title>
        <%=config.SiteTitle %>-积分兑换</title>
</head>
<body>
    <div id="page">
        <mm:getHeader2 ID="Header1" runat="server" />
        <div class="Content">
            <div class="banner">
                <img height="80" src="/_template/<%=config.TemplatePath%>/images/Integral/banner.gif"
                    width="950" /></div>
            <div class="contenr_left">
                <img src="/_template/<%=config.TemplatePath%>/images/Integral/pic_01.gif" width="710">
                <p>

                    <script type="text/javascript">
                        var $$ = function(id) {
                            return "string" == typeof id ? document.getElementById(id) : id;
                        };

                        var Class = {
                            create: function() {
                                return function() {
                                    this.initialize.apply(this, arguments);
                                }
                            }
                        }

                        Object.extend = function(destination, source) {
                            for (var property in source) {
                                destination[property] = source[property];
                            }
                            return destination;
                        }

                        var TransformView = Class.create();
                        TransformView.prototype = {
                            //容器对象,滑动对象,切换参数,切换数量
                            initialize: function(container, slider, parameter, count, options) {
                                if (parameter <= 0 || count <= 0) return;
                                var oContainer = $$(container), oSlider = $$(slider), oThis = this;

                                this.Integral = 0; //当前索引

                                this._timer = null; //定时器
                                this._slider = oSlider; //滑动对象
                                this._parameter = parameter; //切换参数
                                this._count = count || 0; //切换数量
                                this._target = 0; //目标参数

                                this.SetOptions(options);

                                this.Up = !!this.options.Up;
                                this.Step = Math.abs(this.options.Step);
                                this.Time = Math.abs(this.options.Time);
                                this.Auto = !!this.options.Auto;
                                this.Pause = Math.abs(this.options.Pause);
                                this.onStart = this.options.onStart;
                                this.onFinish = this.options.onFinish;

                                oContainer.style.overflow = "hidden";
                                oContainer.style.position = "relative";

                                oSlider.style.position = "absolute";
                                oSlider.style.top = oSlider.style.left = 0;
                            },
                            //设置默认属性
                            SetOptions: function(options) {
                                this.options = {//默认值
                                    Up: true, //是否向上(否则向左)
                                    Step: 5, //滑动变化率
                                    Time: 15, //滑动延时
                                    Auto: true, //是否自动转换
                                    Pause: 3500, //停顿时间(Auto为true时有效)
                                    onStart: function() { }, //开始转换时执行
                                    onFinish: function() { } //完成转换时执行
                                };
                                Object.extend(this.options, options || {});
                            },
                            //开始切换设置
                            Start: function() {
                                if (this.Integral < 0) {
                                    this.Integral = this._count - 1;
                                } else if (this.Integral >= this._count) { this.Integral = 0; }

                                this._target = -1 * this._parameter * this.Integral;
                                this.onStart();
                                this.Move();
                            },
                            //移动
                            Move: function() {
                                clearTimeout(this._timer);
                                var oThis = this, style = this.Up ? "top" : "left", iNow = parseInt(this._slider.style[style]) || 0, iStep = this.GetStep(this._target, iNow);

                                if (iStep != 0) {
                                    this._slider.style[style] = (iNow + iStep) + "px";
                                    this._timer = setTimeout(function() { oThis.Move(); }, this.Time);
                                } else {
                                    this._slider.style[style] = this._target + "px";
                                    this.onFinish();
                                    if (this.Auto) { this._timer = setTimeout(function() { oThis.Integral++; oThis.Start(); }, this.Pause); }
                                }
                            },
                            //获取步长
                            GetStep: function(iTarget, iNow) {
                                var iStep = (iTarget - iNow) / this.Step;
                                if (iStep == 0) return 0;
                                if (Math.abs(iStep) < 1) return (iStep > 0 ? 1 : -1);
                                return iStep;
                            },
                            //停止
                            Stop: function(iTarget, iNow) {
                                clearTimeout(this._timer);
                                this._slider.style[this.Up ? "top" : "left"] = this._target + "px";
                            }
                        };

                        window.onload = function() {
                            function Each(list, fun) {
                                for (var i = 0, len = list.length; i < len; i++) { fun(list[i], i); }
                            };

                            var objs = $$("idNum").getElementsByTagName("li");

                            var tv = new TransformView("idTransformView", "idSlider", 425, 3, {
                                onStart: function() { Each(objs, function(o, i) { o.className = tv.Integral == i ? "on" : ""; }) } //按钮样式
                            });

                            tv.Start();

                            Each(objs, function(o, i) {
                                o.onmouseover = function() {
                                    o.className = "on";
                                    tv.Auto = false;
                                    tv.Integral = i;
                                    tv.Start();
                                }
                                o.onmouseout = function() {
                                    o.className = "";
                                    tv.Auto = true;
                                    tv.Start();
                                }
                            })

                        }
                    </script>
                    <div class="hot_topnav">
                        <img src="/_template/<%=config.TemplatePath%>/images/Integral/duihuan_01.gif">
                        <span class="hot_Product_span_02"><a href="Manshirt.html" target="_blank">>> 更多产品</a></span>
                        <div class="clear">
                        </div>
                    </div>
                    <ul class="hot_ul01">
                        <li><span class="hot_Product_ul_span_1"><a href="Detail.html" target="_blank" class="hot_Product_ul_a">
                            <img src="/_template/<%=config.TemplatePath%>/images/Integral/pic.gif" width="140" height="191" /></a> <a href="Detail.html"
                                target="_blank" class="Gray">灰色高棉高档衬衫热卖</a> <span class="hot_Product_ul_span_1_01">￥755元</span><br />
                            <span class="hot_Product_ul_span_1_02">市场同类价：369元</span></span> <span class="hot_Product_ul_span_2">
                                <img src="/_template/<%=config.TemplatePath%>/images/Integral/Enlarge.gif" width="20" height="17"></span> </li>
                        <li><span class="hot_Product_ul_span_1"><a href="Detail.html" target="_blank" class="hot_Product_ul_a">
                            <img src="/_template/<%=config.TemplatePath%>/images/Integral/pic.gif" width="140" height="191" /></a> <span><a href="Detail.html"
                                target="_blank" class="Gray">灰色高棉高档衬衫热卖</a></span> <span class="hot_Product_ul_span_1_01">
                                    ￥755元</span><br />
                            <span class="hot_Product_ul_span_1_02">市场同类价：369元</span></span> <span class="hot_Product_ul_span_2">
                                <img src="/_template/<%=config.TemplatePath%>/images/Integral/Enlarge.gif" width="20" height="17"></span> </li>
                        <li><span class="hot_Product_ul_span_1"><a href="Detail.html" target="_blank" class="hot_Product_ul_a">
                            <img src="/_template/<%=config.TemplatePath%>/images/Integral/pic.gif" width="140" height="191" /></a> <span><a href="Detail.html"
                                target="_blank" class="Gray">灰色高棉高档衬衫热卖</a></span> <span class="hot_Product_ul_span_1_01">
                                    ￥755元</span><br />
                            <span class="hot_Product_ul_span_1_02">市场同类价：369元</span></span> <span class="hot_Product_ul_span_2">
                                <img src="/_template/<%=config.TemplatePath%>/images/Integral/Enlarge.gif" width="20" height="17"></span> </li>
                        <li><span class="hot_Product_ul_span_1"><a href="Detail.html" target="_blank" class="hot_Product_ul_a">
                            <img src="/_template/<%=config.TemplatePath%>/images/Integral/pic.gif" width="140" height="191" /></a> <span><a href="Detail.html"
                                target="_blank" class="Gray">灰色高棉高档衬衫热卖</a></span> <span class="hot_Product_ul_span_1_01">
                                    ￥755元</span><br />
                            <span class="hot_Product_ul_span_1_02">市场同类价：369元</span></span> <span class="hot_Product_ul_span_2">
                                <img src="/_template/<%=config.TemplatePath%>/images/Integral/Enlarge.gif" width="20" height="17"></span> </li>
                        <li><span class="hot_Product_ul_span_1"><a href="Detail.html" target="_blank" class="hot_Product_ul_a">
                            <img src="/_template/<%=config.TemplatePath%>/images/Integral/pic.gif" width="140" height="191" /></a> <span><a href="Detail.html"
                                target="_blank" class="Gray">灰色高棉高档衬衫热卖</a></span> <span class="hot_Product_ul_span_1_01">
                                    ￥755元</span><br />
                            <span class="hot_Product_ul_span_1_02">市场同类价：369元</span></span> <span class="hot_Product_ul_span_2">
                                <img src="/_template/<%=config.TemplatePath%>/images/Integral/Enlarge.gif" width="20" height="17"></span> </li>
                        <li><span class="hot_Product_ul_span_1"><a href="Detail.html" target="_blank" class="hot_Product_ul_a">
                            <img src="/_template/<%=config.TemplatePath%>/images/Integral/pic.gif" width="140" height="191" /></a> <span><a href="Detail.html"
                                target="_blank" class="Gray">灰色高棉高档衬衫热卖</a></span> <span class="hot_Product_ul_span_1_01">
                                    ￥755元</span><br />
                            <span class="hot_Product_ul_span_1_02">市场同类价：369元</span></span> <span class="hot_Product_ul_span_2">
                                <img src="/_template/<%=config.TemplatePath%>/images/Integral/Enlarge.gif" width="20" height="17"></span> </li>
                        <li><span class="hot_Product_ul_span_1"><a href="Detail.html" target="_blank" class="hot_Product_ul_a">
                            <img src="/_template/<%=config.TemplatePath%>/images/Integral/pic.gif" width="140" height="191" /></a> <span><a href="Detail.html"
                                target="_blank" class="Gray">灰色高棉高档衬衫热卖</a></span> <span class="hot_Product_ul_span_1_01">
                                    ￥755元</span><br />
                            <span class="hot_Product_ul_span_1_02">市场同类价：369元</span></span> <span class="hot_Product_ul_span_2">
                                <img src="/_template/<%=config.TemplatePath%>/images/Integral/Enlarge.gif" width="20" height="17"></span> </li>
                        <li><span class="hot_Product_ul_span_1"><a href="Detail.html" target="_blank" class="hot_Product_ul_a">
                            <img src="/_template/<%=config.TemplatePath%>/images/Integral/pic.gif" width="140" height="191" /></a> <span><a href="Detail.html"
                                target="_blank" class="Gray">灰色高棉高档衬衫热卖</a></span> <span class="hot_Product_ul_span_1_01">
                                    ￥755元</span><br />
                            <span class="hot_Product_ul_span_1_02">市场同类价：369元</span></span> <span class="hot_Product_ul_span_2">
                                <img src="/_template/<%=config.TemplatePath%>/images/Integral/Enlarge.gif" width="20" height="17"></span> </li>
                        <li><span class="hot_Product_ul_span_1"><a href="Detail.html" target="_blank" class="hot_Product_ul_a">
                            <img src="/_template/<%=config.TemplatePath%>/images/Integral/pic.gif" width="140" height="191" /></a> <span><a href="Detail.html"
                                target="_blank" class="Gray">灰色高棉高档衬衫热卖</a></span> <span class="hot_Product_ul_span_1_01">
                                    ￥755元</span><br />
                            <span class="hot_Product_ul_span_1_02">市场同类价：369元</span></span> <span class="hot_Product_ul_span_2">
                                <img src="/_template/<%=config.TemplatePath%>/images/Integral/Enlarge.gif" width="20" height="17"></span> </li>
                        <li><span class="hot_Product_ul_span_1"><a href="Detail.html" target="_blank" class="hot_Product_ul_a">
                            <img src="/_template/<%=config.TemplatePath%>/images/Integral/pic.gif" width="140" height="191" /></a> <span><a href="Detail.html"
                                target="_blank" class="Gray">灰色高棉高档衬衫热卖</a></span> <span class="hot_Product_ul_span_1_01">
                                    ￥755元</span><br />
                            <span class="hot_Product_ul_span_1_02">市场同类价：369元</span></span> <span class="hot_Product_ul_span_2">
                                <img src="/_template/<%=config.TemplatePath%>/images/Integral/Enlarge.gif" width="20" height="17"></span> </li>
                        <li><span class="hot_Product_ul_span_1"><a href="Detail.html" target="_blank" class="hot_Product_ul_a">
                            <img src="/_template/<%=config.TemplatePath%>/images/Integral/pic.gif" width="140" height="191" /></a> <span><a href="Detail.html"
                                target="_blank" class="Gray">灰色高棉高档衬衫热卖</a></span> <span class="hot_Product_ul_span_1_01">
                                    ￥755元</span><br />
                            <span class="hot_Product_ul_span_1_02">市场同类价：369元</span></span> <span class="hot_Product_ul_span_2">
                                <img src="/_template/<%=config.TemplatePath%>/images/Integral/Enlarge.gif" width="20" height="17"></span> </li>
                        <li><span class="hot_Product_ul_span_1"><a href="Detail.html" target="_blank" class="hot_Product_ul_a">
                            <img src="/_template/<%=config.TemplatePath%>/images/Integral/pic.gif" width="140" height="191" /></a> <span><a href="Detail.html"
                                target="_blank" class="Gray">灰色高棉高档衬衫热卖</a></span> <span class="hot_Product_ul_span_1_01">
                                    ￥755元</span><br />
                            <span class="hot_Product_ul_span_1_02">市场同类价：369元</span></span> <span class="hot_Product_ul_span_2">
                                <img src="/_template/<%=config.TemplatePath%>/images/Integral/Enlarge.gif" width="20" height="17"></span> </li>
                    </ul>
                    <div class="clear">
                    </div>
                    <div>
                        <img src="/_template/<%=config.TemplatePath%>/images/Integral/pic_foot.gif" width="697" height="232"></div>
            </div>
            <div class="content_right">
                <div class="new">
                    <h2 class="h2_01">
                        兑换信息</h2>
                    <ul>
                        <li>> <a href="#" target="_blank">新款春装组合礼包最高7.5折优惠</a> <span>New</span></li>
                        <li>> <a href="#" target="_blank">新款春装组合礼包最高7.5折优惠</a> <span>New</span></li>
                        <li>> <a href="#" target="_blank">新款春装组合礼包最高7.5折优惠</a> <span>New</span></li>
                        <li>> <a href="#" target="_blank">新款春装组合礼包最高7.5折优惠</a> <span>New</span></li>
                    </ul>
                </div>
                <span class="pic"><a href="Detail.html">
                    <img src="/_template/<%=config.TemplatePath%>/images/Integral/tup.jpg" width="230" height="259"></a></span>
                <div class="hot_Merchandise">
                    <h2 class="h2_01">
                        积分排行榜
                    </h2>
                    <ul>
                        <li>1、天使四道口南******</li>
                        <li>2、多佛搜发行******</li>
                        <li>3、多覅播放多少******</li>
                        <li>4、是福建弄覅个多佛******</li>
                        <li>5、防护服idfh******</li>
                        <li>6、多佛而后被******</li>
                        <li>7、无色ewr8h******</li>
                        <li>8、热忽然俄日和******</li>
                        <li>9、dfihef8******</li>
                        <li>10、的收入反而乳******</li>
                    </ul>
                    <div class="clear">
                    </div>
                </div>
                <div>
                    <img src="/_template/<%=config.TemplatePath%>/images/Integral/pic_03.jpg" width="230" height="308" /></div>
            </div>
            <div class="clear">
            </div>
        </div>
        <div class="shirst">
        </div>
        <%--  配送方式--%>
        <mm:getDismode ID="getDismode1" runat="server" />
        <%--网站底部--%>
        <mm:getFooter ID="getFooter1" runat="server" />
        <div class="clear">
        </div>
    </div>
</body>
</html>
